.page1 {
    background: #e8e8ee;
}
.page1 .content {
    position: fixed;
    height: 100vh;
    width: 100%;
}
.item {
    position: absolute;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.background-img {
    width: 100vw;
    height: 100vh;
    opacity: 1;
}
.item1 {
    /*background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/ec6/hero-background-desktop.jpg");*/
    background-size: cover;
    background-position: center;
}
.item2 {
    /*background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/ec6/hero-vehicel-roof-mobile.jpg");*/
    overflow: hidden;
}
.item2 .background-img {
    width: 100vw;
    height: 100vh;
    opacity: 1;
    transform-origin: center top;
    transform: scale(2);
}
.item3 {
    overflow: hidden;
    left:0;
    width: 0;
}
.item3 .background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    object-fit: cover;
    object-position: center center;
}
.item4 {
    background: #fff;
}
.placeholder {
    height: 100vh;
    background: #e8e8e8;
}
.page2 {
    background: #d6d61b;
    position: relative;
}
.page2 .background-img {
    position: absolute;
    top: 25%;
    width: 100vw;
    height: auto;
    opacity: 1;
}
.page2 .content {
    position: absolute;
    height: 100vh;
    width: 100%;
}
.page2 .content .text1 {
    font-size: 30px;
    color: #ffffff;
    position: absolute;
    bottom: 30%;
    right: 10%;
}
.page2 .item1 {
    background: #000;
}
.winds {
    position: absolute;
    top:24%;
    width: 100vw;
}
.wind-item {
    position: absolute;
    width: 100%;
}
.getPageHeight {
    height: 100vh;
    display: flex;
    z-index: -10000;
}
